<template>
  <div class="hmnavbar">
    <van-nav-bar>
      <template #left>
        <!-- 点击箭头跳转到find页面(因为find页面不需要登录就可以进入) -->
        <i @click="$router.push(path)" class="iconfont iconbtn_nav_back"></i>
      </template>
      <template #title>
        <h3>{{ title }}</h3>
      </template>
      <template #right>
        <span v-if="saveBtn" @click="saveClick">保存</span>
      </template>
    </van-nav-bar>
  </div>
</template>
<script>
export default {
  props: ['path', 'title', 'saveBtn'],
  methods: {
    // 保存按钮被点击
    saveClick () {
      // 从子组件传一个方法给父组件
      this.$emit('editInfo')
    }
  }
}
</script>
<style lang="less" scoped>
.hmnavbar {
  .iconbtn_nav_back {
    font-size: 44px;
  }
  ::v-deep .van-nav-bar__left {
    padding: 0;
  }
}
</style>
